.home {
    width: 100%;
    .carousel {
        min-width: 1190px;
        .swiper-pagination-bullet {
            background: rgba(0, 0, 0, 0.5);
            border-radius: 100%;
            color: #ffffff;
            cursor: pointer;
            display: inline-block;
            height: 20px;
            margin-right: 5px;
            width: 20px;
            line-height: 20px;
        }
        .swiper-pagination-bullet-active {
            background: #ff2342;
            color: #ffffff;
            opacity: 1;
        }
        img {
            height: auto;
            position: relative;
            width: 100%;
        }
        .slide-img-content {
            background-color: #bec7ac;
            height: 200px;
            left: 50%;
            margin-top: -100px;
            margin-left: -290px;
            opacity: 0.6;
            position: absolute;
            top: 50%;
            width: 580px;
            h1 {
                color: #4b4d3a;
                font-size: 48px;
                font-weight: 500;
                margin-bottom: 20px;
                margin-top: 30px;
            }
            .line {
                background-color: #65463c;
                height: 10px;
                margin-bottom: 20px;
                width: 78px;
            }
            .content {
                color: #fff;
                font-size: 24px;
                span {
                    color: #ff2342;
                }
            }
        }

    }
    .intro span:first-child {
        font-size: 14px;
    }
}
.home .new-product {
    margin-top: 20px;
    .row {
        margin-left: 0;
        margin-right: 0;
    }
    .row-content {
        background-color: #fff;
        height: 200px;
        padding-left: 0;
        padding-right: 0;
        width: 282px;
        .img-box {
            height: 100%;
            position: relative;
            width: 100%;
            img {
                height: 100%;
                width: 100%;
            }
        }
        .product {
            left: 20px;
            position: absolute;
            top: 18px;
            width: 242px;
            .name {
                color: #458eab;
                font-size: 18px;
                margin-bottom: 2px;
            }
            .intro {
                position: relative;
                span {
                    font-size: 14px;
                }
                .money {
                    color: #de2634;
                    position: absolute;
                    right: 0;
                    top: -7px;
                    i {
                        font-size: 30px;
                        font-weight: bold;
                    }
                }
            }
        }
    }
    .row-margin {
        margin-right: 20px;
        &:last-child {
            margin-right: 0;
        }
    }
}
.home .time-spike {
    margin-top: 20px;
    .container {
        background-color: #ffffff;
        .title {
            background-color: #ff2342;
            color: #fff;
            float: right;
            height: 50px;
            line-height: 50px;
            padding-right: 18px;
            position: relative;
            width: 1180px;
            &:before {
                background-color: #b5021b;
                bottom: 0;
                content: '';
                display: block;
                height: 42px;
                position: absolute;
                left: -10px;
                width: 10px;
            }
            h3 {
                float: left;
                font-size: 20px;
                line-height: 50px;
                margin: 0;
                margin-left: 19px;
                i {
                    font-size: 20px;
                    padding-right: 10px;
                }
                a {
                    color: #ffffff;
                    display: inline-block;
                    height: 48px;
                    margin-top: 2px;
                    text-align: center;
                    width: 114px;
                    &.active {
                        color: #ff2342;
                        background: #ffffff;
                    }
                }
            }
            .cutDown {
                float: right;
                margin: 0;
                margin-top: 7px;
                overflow: hidden;
                span {
                    background-color: #b2182e;
                    border-radius: 4px;
                    display: inline-block;
                    font-size: 24px;
                    height: 36px;
                    line-height: 36px;
                    text-align: center;
                    width: 36px;
                }
                i {
                    color: #b2182e;
                    display: inline-block;
                    font-size: 20px;
                    height: 36px;
                    line-height: 36px;
                }
            }
        }
        .spike-content {
            margin-top: 50px;
            padding: 0 15px;
            a {
                &:last-child {
                    dl {
                        border-right: 0;
                    }
                }
            }
            .col {
                float: left;
                height: 278px;
                margin: 20px 0;
                padding: 0 20px;
                width: 198px;
                dt {
                    height: 170px;
                    line-height: 158px;
                    text-align: center;
                    width: 153px;
                }
                dd {
                    .name {
                        font-size: 14px;
                        padding-bottom: 15px;
                        padding-top: 20px;
                    }
                }
                .new-price {
                    color: #de2634;
                    font-size: 18px;
                    .pre-price {
                        color: #d0d0d0;
                        font-size: 14px;
                        margin-left: 10px;
                    }
                }
            }
            .col-line {
                border-right: 1px solid #e5e5e5;
            }
        }
    }
}
.home .product-recommend {
    margin-top: 20px;
    .product-recommend-model {
        height: 538px;
        float: left;
        width: 382px;
        margin-right: 21px;
        .name {
            color: #6abfae;
        }
        &:nth-child(2) {
            .recommend-name {
                background: #f99a6b;
                &:before {
                    background: #ce754a;
                }
            }
            .name {
                color: #f99a6b;
            }
        }
        &:last-child {
            margin-right: 0;
            .recommend-name {
                background: #797bbc;
                &:before {
                    background: #565892;
                }
            }
            .name {
                color: #797bbc;
            }
        }
        .recommend-name {
            background-color: #6abfae;
            color: #fff;
            font-size: 20px;
            height: 50px;
            line-height: 50px;
            margin-left: 10px;
            position: relative;
            width: 372px;
            &:before {
                background-color: #388f7d;
                content: '';
                display: block;
                height: 42px;
                left: -10px;
                position: absolute;
                top: 8px;
                z-index: -1;
                width: 382px;
            }
            i {
                font-size: 20px;
                padding: 0 10px 0 20px;
            }
        }
        .recommend-content {
            background-color: #fff;
            height: 488px;
            padding: 20px;
            width: 382px;
            .recommend-content-model {
                float: left;
                height: 224px;
                width: 170px;
                &:nth-child(1),
                &:nth-child(2) {
                    border-bottom: 1px solid #e5e5e5;
                }
                &:nth-child(1),
                &:nth-child(3) {
                    border-right: 1px solid #e5e5e5;
                }
                &:nth-child(3),
                &:nth-child(4) {
                    padding-top: 20px;
                }
                .content-model {
                    .name {
                        font-size: 20px;
                        margin-bottom: 2px;
                    }
                    .intro {
                        color: #999;
                        font-size: 14px;
                        margin-bottom: 20px;
                    }
                }
                .intro-img {
                    height: 126px;
                    line-height: 126px;
                    text-align: center;
                    width: 170px;
                    img {

                    }
                }
            }
        }
    }
}
.home .year-offer {
    margin-top: 20px;
    .year-offer-model {
        height: 200px;
        float: left;
        width: 382px;
        &:nth-child(2) .offer-content {
            background-color: #d1628c;
        }
        &:nth-child(3) .offer-content {
            background-color: #61a8d0;
        }
        .offer-content {
            background-color: #bf9f61;
            color: #fff;
            float: left;
            height: 100%;
            padding: 40px 0 0 20px;
            width: 152px;
            .top-line {
                background-color: #ffffff;
                display: block;
                height: 4px;
                margin-bottom: 10px;
                width: 28px;
            }
            .name {
                font-size: 20px;
                margin-bottom: 3px;
            }
            .more {
                margin-top: 40px;
                a {
                    color: #fff;
                }
            }
        }
        .offer-img {
            float: left;
            height: 100%;
            width: 230px;
            img {
                height: 100%;
                width: 100%;
            }
        }
    }
    .offer-margin {
        margin-right: 20px;
        &:last-child {
            margin-right: 0;
        }
    }
}
.home .wowen-clothing {
    margin-top: 20px;
    .wowen-clothing-model {
        float: left;
        height: 450px;
        width: 100%;
        .recommend-name {
            background-color: #ff2342;
            color: #fff;
            height: 50px;
            line-height: 50px;
            margin-left: 10px;
            position: relative;
            width: 1180px;
            .before-block {
                display: block;
                height: 42px;
                left: -10px;
                position: absolute;
                top: 8px;
                z-index: -1;
                width: 12px;
                div {
                    background: rgba(0, 0, 0, 0.15);
                    height: 100%;
                    left: 0;
                    top: 0;
                    position: absolute;
                    width: 100%;
                }
            }
            i {
                font-size: 20px;
                padding: 0 10px 0 20px;
            }
            .model-name {
                font-size: 20px;
                float: left;
                height: 50px;
                width: 143px;
            }
            .model-content {
                float: left;
                width: 800px;
                .product-kinds {
                    height: 50px;
                    padding: 0;
                    width: 100%;
                    li {
                        float: left;
                        a {
                            color: #fff;
                            span {
                                padding: 0 14px;
                            }
                        }
                        &:last-child {
                            span {
                                display: none;
                            }
                        }
                    }
                }
            }
        }
        .clothing-content {
            width: 100%;
            .content-left-img {
                float: left;
                height: 400px;
                width: 298px;
                img {
                    height: 100%;
                    width: 100%;
                }
            }
            .content-right-model {
                background-color: #fff;
                float: left;
                height: 400px;
                width: 891px;
                .content {
                    float: left;
                    padding: 20px 0 20px 20px;
                    width: 66.6%;
                    .model-content {
                        .content-item {
                            float: left;
                            position: relative;
                            &:nth-child(3),
                            &:nth-child(4) {
                                padding-top: 20px;
                            }
                            &:nth-child(1),
                            &:nth-child(2) {
                                border-bottom: 1px solid #e5e5e5;
                                padding-bottom: 20px;
                            }
                            &:nth-child(3) .product,
                            &:nth-child(4) .product {
                                top: 20px;
                            }
                            &:nth-child(2n) .product {
                                left: 30px;
                            }
                            &:nth-child(n+1) {
                                border-right: 1px solid #e5e5e5;
                                padding-right: 20px;
                            }
                            &:nth-child(2n) {
                                border-right: 1px solid #e5e5e5;
                                padding-left: 20px;
                                padding-right: 20px;
                            }
                            .img-box {
                                height: 160px;
                                width: 255px;
                            }
                            .product {
                                left: 10px;
                                position: absolute;
                                top: 0;
                                width: 230px;
                                .name {
                                    color: #f75460;
                                    font-size: 18px;
                                    margin-bottom: 2px;
                                }
                                .intro {
                                    position: relative;
                                    span {
                                        &:first-child {
                                            font-size: 14px;
                                        }
                                    }
                                }
                            }

                        }

                    }
                }
                .content-offer {
                    float: left;
                    padding: 0 20px 0 0;
                    width: 33.3%;
                    .content-item {
                        height: 201px;
                        padding-top: 20px;
                        width: 100%;
                        .product {
                            float: left;
                            margin-right: 12px;
                            padding-left: 30px;
                            width: 114px;
                            .name {
                                color: #f75460;
                                font-size: 18px;
                            }
                        }
                        .img-box {
                            float: left;
                            height: 160px;
                            width: 148px;
                        }
                    }
                    .item-line {
                        border-bottom: 1px solid #e5e5e5;
                        &:last-child {
                            border: 0 none;
                        }
                    }
                }
            }
        }
    }
}

//楼层导航
.home .floor {
    background-color: #ffffff;
    left: 50%;
    margin-top: -220px;
    margin-left: -707px;
    position: fixed;
    top: 50%;
    width: 90px;
    li {
        text-align: center;
        line-height: 40px;
        a {
            font-size: 14px;
            padding: 0 15px;
        }
        &:hover {
            background-color: #ff2342;
            a {
                color: #ffffff;
            }
        }
        &.active {
            background-color: #ff2342;
            a {
                color: #ffffff;
            }
        }
        &:last-child {
            background-color: #ffffff;
            border-top: 1px solid #d0d0d0;
            color: #ff2342;
            font-weight: 600;
            height: 40px;
            a {
                color: #de2634;
            }
            p {
                height: 20px;
                line-height: 30px;
                margin-bottom: 0;
            }
            i {
                display: block;
                font-size: 12px;
                line-height: 20px;
            }
        }
    }
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #ff2342;
    a {
        background-color: #ff2342;
        color: #ffffff;
    }
}